@use '../mixins/config' as *;

// border-radius
// generate .yq-border-radius-${border-radius}, .yq-border-radius-${border-radius}-i, .yq-border{-tl|-tr|-bl|-br}-radius-${border-radius}, .yq-border{-tl|-tr|-bl|-br}-radius-${border-radius}-i, border-radius range: 0px - 50px
@for $i from 0 through 15 {
    $radius: (
        border-radius: 'border-radius',
        border-tl-radius: 'border-top-left-radius',
        border-tr-radius: 'border-top-right-radius',
        border-bl-radius: 'border-bottom-left-radius',
        border-br-radius: 'border-bottom-right-radius',
    );
    @each $key, $value in $radius {
        .#{$namespace}-#{$key}-#{$i} {
            #{$value}: $i * 1rpx;
            &-i {
                #{$value}: $i * 1rpx !important;
            }
        }
    }
}
// .yq-border-radius-round
.#{$namespace}-border-radius-round {
    border-radius: 50%;
    &-i {
        border-radius: 50% !important;
    }
}
